body {

  background-image: linear-gradient(to right bottom , #fdd2a7,#fff, #fff);
}
/* 头部 */
.header .Top {
width: 100%;
height: 2.6125rem;
padding-top: .3125rem;



margin-top: .5rem;
}
.header .top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 1.875rem;

}
.header .top .search input {
  height: 100%;
  font-size: 12px;
  color: rgb(198, 198, 198);
  border-radius: 15px;
text-align: center;
width: 11.625rem;

}
.header .top .icon {
  display: flex;
  align-items: center;
  width: 4.0625rem;
  height: 100%;
}
.header .top .icon img {
  width: 100%;
  height: 75%;
}
.header .tobBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 2.5rem;
  overflow: hidden;

}


/* 轮播图 */
.Banner {
  width: 100%;
  height: 100%;
}
.banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 7.5rem;
  border-radius: 10px;
  margin-top: .9375rem;
}

.banner img {
  width: 100%;
  height: 7.5rem;
}
/* 轮播图圆点样式 */
.swiper-pagination-bullet{

  background-color: #fff !important;
}
/* 导航栏 */

.nav {
  width: 100%;
  height: 100%;


}
.nav_item {
margin: .625rem 0;
  width: 100%;

  box-sizing: border-box;
}
.nav_item .ht {
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: .625rem;
}
 .data {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 100%;
  height: 8.5rem;

}
 .data li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 50%;
  font-size: .875rem;
}
 .data li .icon {
  width: 2.1875rem;
  height: 2.1875rem;
}
.data li .icon .img {
  width: 100%;
  height: 100%;
}


/* 商品 */

.goods {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
background-color: #f1f4f9;
}
/* 限时补贴 */
.goods .goods_item {

  
  width: 48%;
  height: 11rem;
  background-color: #fff;
  padding: 0px .9375rem;
  box-sizing: border-box;
  
  border-radius: 8px;
 

}

.goods .goods_item .ht {
  display: flex;
  align-items: center;
margin-top: .5rem;
}
.goods .goods_item .ht .time {
  display: flex;
}
.goods .goods_item .ht .time dl {
  width: 1rem;
  height: 1rem;
  background-color: red;
  margin-left: .3125rem;
  text-align: center;
  line-height: 1rem;
  font-size: .75rem;
  color: #fff;
  border-radius: 3px;
}
.goods .goods_item .ht .title {
  font-size: 1.125rem;
  font-weight: 700;
}
.goods .goods_item .hb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}
.goods .goods_item .hb .miaosha {
  font-size: .75rem;
  color: rgb(255, 136, 0);
  font-weight: 700;
}
.goods .goods_item .hb img {
  width: 45%;
  height: 4rem;
  margin-top: .6375rem;
  margin-bottom: .6rem;
}
.goods .goods_item .hb .miaosha  span {
  font-size: 1.25rem;
  margin-top: .3125rem;
}

.goods .goods_item .hb .zj {
  font-size: 14px;
  font-weight: 700;
}

/* 商品列表 */
.Goods {
  width: 100%;
  height: 100%;
  background-color: #f1f4f9;
}
.goodsList {
  width: 100%;
  height: 100%;

}

.goodsList .tabBox {
  display: flex;
  justify-content: center; 
  padding: 0.9375rem 0;
  box-sizing: border-box;
  width: 100%;
  height: 5rem;

  box-sizing: border-box;
}
.goodsList .tabBox li {
  text-align: center;
margin: 0 .625rem;
height: 100%;
font-weight: 700;

}
.goodsList .tabBox li .a2 {
  font-size: 14px;
  color: #7e7e7e;
}
.goodsList .tabBox  .active {
  border-bottom:  3px solid rgb(255, 145, 0);
  color: rgb(255, 145, 0);
}
.tabBox_item {
  display: none;
}
.goodsList_item {

  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start; 
  justify-content: space-between;
  width: 100%;
padding-bottom: 4.5rem;

}
.goodsList_item li {
  width: 48%;
  height: 18.75rem;
  background-color: #fff;
  border-radius: 8px;
  margin-top: .9375rem;

 
} 
.goodsList_item li .img {
  width: 100%;
  height: 65%;

  /* margin-top: .5rem; */
  padding-bottom: 5px;
  box-sizing: border-box;

}
.goodsList_item li .img  img {
  width: 100%;
  height: 100%;
}
.goodsList_item li .title {
  height: 15%;
  padding:  0 .625rem  0 .625rem;
  box-sizing: border-box;
  font-weight: 700;
}
.goodsList_item li .price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 10%;
  font-size: 14px;
  color: #555555;
  /* margin-top: .3rem; */
  padding:  0 .625rem 0 .625rem;
  box-sizing: border-box;
}
.goodsList_item li .price .color {
  color: rgb(255, 111, 0);
  font-weight: 700;
}
.goodsList_item li .platform {
  height: 10%;
  padding: 0 .625rem 0 .625rem;
  box-sizing: border-box;
  font-size: 14px;

}

/* 返回顶部 */
.returntop {
  position: fixed;
  right: .9375rem;
  bottom: 6.25rem;
}
.returntop img {
  width:2.8125rem;
  height: 2.8125rem;
}
